<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>招商银行贷款计算</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="text-center">
        <img style="width: 70px;height: 70px" src="images/1.png" class="img-circle">
    </div>
    <div>
        <table class="table table-bordered">
            <tr class="bg-primary text-center">
                <td colspan="2">按揭贷款计算器</td>
            </tr>
            <tr>
                <td class="text-center">贷款金额</td>
                <td>
                    <input class="form-control" placeholder="请输入贷款金额" type="text">
                </td>
            </tr>
            <tr>
                <td class="text-center">贷款期限</td>
                <td>
                    <input class="form-control" type="text" placeholder="请输入期数">
                </td>
            </tr>
            <tr>
                <td class="text-center">年利率</td>
                <td>
                    <input class="form-control" type="text" value="4.35%">
                </td>
            </tr>
            <tr>
                <td class="text-center">还款方式</td>
                <td>
                    <select class="form-control">
                        <option>等额本息</option>
                        <option>等额本金</option>
                    </select>
                </td>
            </tr>
            <tr class="text-center">
                <td colspan="2">
                    <button class="btn-block btn btn-info">计算</button>
                </td>
            </tr>
        </table>
    </div>
</div>

</body>
</html>